<?
include_once '../includes/config.php'; include_once '../includes/parcial.php';
$titulo = 'Configuraciones';
$indice = 0;
$cantLineas = 0;
$paginas = 1;

?>
<div class="titulo" id="administradorConfiguracionTitulo">
  <span><?= $titulo ?></span>
</div>
<div id="recargarTabla">
  <div  id="administradorConfiguraciones">
    <div id="encabezadoAbm">
      <?= Helper::tituloEncabezado("Nombre", "150") ?>
      <?= Helper::tituloEncabezado("Valor", "150") ?>
    </div>
    <div id="lineas">
      <?
      $configuracioneservicios = new ConfiguracionServicios();
      $configuraciones = $configuracioneservicios->listar();
      if (count($configuraciones) > 0)
      {
  /* @var $config ConfiguracionDTO */
        foreach ($configuraciones as $config)
        {
          ?>
          <div id="<?= $indice ?>" class="linea <?
      echo $paginas . ' ';
      if ($indice >= CANT_LINEAS_ABM)
        echo 'escondidas';
          ?>">
                 <?= Helper::filaTabla($config->getNombre(), "150", "nombre_" . $indice) ?>
                 <?= Helper::filaTabla($config->getValor(), "150", "valor_" . $indice) ?>
          </div>
          <script type="text/javascript">
            $(document).ready(function(){
              $("#tope").height(230);
              $("#<?= $indice ?>").contextMenu("contextMenu2", 
              {
                bindings: {
                  'modificar': function(t) 
                  {
                    $("#tope").html("");
                    $("#tope").slideUp(1);
                    $("#tope").height(230);
                    $("#tope").load("modificarConfiguracion.php",{nombre: '<?= $config->getNombre() ?>'});
                    $("#tope").slideDown(1);
                  }
                }
              });
                                            
            });
          </script>
          <?
          $indice++;
          $cantLineas++;
          if ($cantLineas >= CANT_LINEAS_ABM && $indice < count($configuraciones))
          {
            $paginas++;
            $cantLineas = 0;
          }
        }
      }
      ?>
    </div>    
  </div>
  <div id="paginasAbm">
    <?
    for ($i = 1; $i <= $paginas; $i++)
    {
      ?>
      <span><a href="javascript:;" class="paginador" id="<?= $i ?>"><?= $i ?></a></span>
      <?
    }
    ?>
  </div>
</div>
<script type="text/javascript">
  $(document).ready(function(){
    $(".paginador").click(function(){
      var paginaActual=$(this).attr("id");
      var cantPaginas=<?= $paginas ?>;
      for (var i=1;i<=cantPaginas;i++){
        if (i==paginaActual){
          $("."+i).show();
        }
        else{
          $("."+i).hide();
        }
      }
    });
    $("#nuevoConfiguracion").click(function(){
      $("#tope").html("");
      $("#tope").slideUp(1);
      $("#tope").height(230);
      $("#tope").load("nuevoConfiguracion.php");
      $("#tope").slideDown(1);
    });
        
  });
</script>

